LOADING...

加载过慢请开启缓存(浏览器默认开启)

loading

在博客中使用图床

2021/12/16 搭建博客

在写博客的时候,为了展示代码的实际效果,经常需要上传图片,图片在本地显示正常,但当博客部署之后会发现图像无法正常显示,针对这种现象,一般有两种解决方案:

  • 将图片放在静态资源中,插入图片使用相对路径,博客部署时将文档与图片一起部署到服务器上,这种方式操作简单,但对于每一张图片,都要手动修改相对路径,步骤繁琐;
  • 使用图床工具,即在文档中插入图片后,使用一种 [工具] 将图片上传到某处,并且自动将文档中的图片链接转化为网络地址,此工具被称作图床工具。

本文记录一款优秀的图床工具——PicGo 的使用方式(基于 Github),使用工具:Github、PicGo、Typora。

Windows 系统下一般下载这个:

image-20211216143827793

  • 创建一个新的仓库,用来放置图片资源(必须为 public 库,否则图片无法访问)
  • 在 Github 上生成一个 token 用于给 PicGo 授权操作仓库(即上传图片)。进入网址 https://github.com/settings/tokens,选择 Personal access tokens:

image-20211216144335560

image-20211216150632709

  • 生成 token 后妥善保存,用于配置 PicGo
  • 在 PicGo 中选择图床设置——Github 图床,做如下设置:

image-20211216145156801

  • 打开 Typora——文件——偏好设置——图像,做如下设置:

image-20211216145613266

  • 设置完成后点击“验证图片上传选项”,验证成功后,当在 Typora 中粘贴图片时,会自动生成网络地址并替换本地地址,简直懒人福音!